<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button class="btn1">点我打开一个窗口</button>
    <a href="./b.html">点我去b</a>
    <button class="btn2">点我关闭窗口</button>
    <script>
      //一.获取浏览器信息
      //和所有浏览器有关的信息 都在 window.navigator对象里面
      //   console.log(window.navigator);
      //   appName:NetScape 网景
      //   appVersion: 版本信息;
      //   language:语言
      //   platform:运行系统的名称

      //二.打开和关闭窗口
      //1.打开一个浏览器窗口
      //第一个参数: 是打开的地址
      //第二个参数: 在新窗口或者是自身窗口打开,默认是新开一个窗口打开
      //默认参数是_blank  自身窗口打开 是 _self
      //第三个参数: 可以设置窗口大小和偏移量:
      //width=300px,height=300px,left=100,top=100
      var btn1 = document.querySelector(".btn1");
      btn1.onclick = function () {
        // window.open("./a.html", "_self");
        // window.open("http://www.baidu.com");
        // window.open(
        //   "./a.html",
        //   "_blank",
        //   "width=300px,height=300px,left=100,top=100"
        // );
        window.open("./a.html");
      };

      //2.关闭一个窗口 :  window.close()
      //window.close()//关闭的窗口是通过window.open()打开的窗口)
      var btn2 = document.querySelector(".btn2");
      btn2.onclick = function () {
        window.close();
      };
    </script>
  </body>
</html>
